<template>
  <div class="dashboard-container">
    <div class="app-container">
      <table-tool>
        <template #left>
          <div class="total">
            <i class="el-icon-info" />
            <span>当前审判中 0 本月审判通过 1 本月审判驳回 0 </span>
          </div>
        </template>
        <template #right>
          <el-button type="primary" size="small">流程设置</el-button>
        </template>
      </table-tool>

      <!-- 表格 -->
      <el-table
        ref="multipleTable"
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange"
      >
        <el-table-column
          type="selection"
          width="55"
        />
        <el-table-column
          label="日期"
          width="120"
        >
          <template slot-scope="scope">{{ scope.row.date }}</template>
        </el-table-column>
        <el-table-column
          prop="name"
          label="姓名"
          width="120"
        />
        <el-table-column
          prop="address"
          label="地址"
          show-overflow-tooltip
        />
      </el-table>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.total{
    width: 360px;
    height: 36px;
    border: 1px solid#91d5ff;
    background:#e6f7ff;
    color:#53a8ff;
    border-radius: 3px;
    text-align: center;
    line-height: 36px;
    span{
      color: #000;
    }
  }
</style>
